body{
	margin: 0;
	background-color: #100c2a;
}

#top{
	position: absolute;
	width: 100%;
	height: 10%;
	top: 0;
	left: 0;
	right: 0;
	/* background-color: pink; */
	color: white;
	font-size: 30px;
	font-family: "幼圆";
	
	display: flex;  /* 弹性布局 */
	align-items: center;
	justify-content: center;
	
}

#info{
	position: absolute;
	width: 50%;
	height: 21%;
	top: 10%;
	left: 0%;
	right: 75%;
	color: white;
	/* background-color: cadetblue; */
}


#block-1{
	position: absolute;
	width: 25%;
	height: 21%;
	top: 31%;
	left: 0%;
	right: 75%;
	color: white;
	background-color: blueviolet;
}

#block-2{
	position: absolute;
	width: 25%;
	height: 21%;
	top: 52%;
	left: 0%;
	right: 75%;
	color: white;
	background-color: greenyellow;
}

#block-3{
	position: absolute;
	width: 25%;
	height: 21%;
	top: 73%;
	left: 0%;
	right: 75%;
	color: white;
	background-color: brown;
}


#foot{
	position: absolute;
	width: 100%;
	height: 6%;
	top: 94%;
	left: 0%;
	right: 0%;
	color: ghostwhite;
	/* background-color: pink; */
}
